<template>
  <el-form ref="form" :rules="rules" :model="form" label-width="35%" size="small" label-position="left">
    <el-collapse v-model="activeNames">
      <el-collapse-item name="1">
        <div slot="header-right">
          <el-button type="primary" size="small">1111</el-button>
          <el-button type="primary" size="small">1111</el-button>
          <d2-icon-svg style="color: #303133;font-size: 30px" name="more-line" class="cursor-pointer"/>
        </div>
        <template slot="title">

            <div class="titlefirst">
              <i class="title_bar"></i>
              <span class="title_name">车辆信息</span>
            </div>
<!--            <div class="title-form flex">-->
<!--              <el-form-item label-width="60px" label="新 车：">-->
<!--                <el-switch v-model="sv">-->
<!--                </el-switch>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="未上牌:" label-width="60px">-->
<!--                <el-switch v-model="sv2">-->
<!--                </el-switch>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="套餐选择:" label-width="80px">-->
<!--                <el-select></el-select>-->
<!--              </el-form-item>-->
<!--            </div>-->



        </template>


        <pcic-form
          @validate="$emit('validate', $event)"
          class="whitebox" v-bind="_crudProps"
                   v-on="_crudListeners" ref="d2Crud"/>

      </el-collapse-item>
    </el-collapse>
  </el-form>

</template>
<script>
import { crudOptions } from './crud'
import { d2CrudPlus } from 'd2-crud-plus'

export default {
  name: 'car-info',
  mixins: [d2CrudPlus.crud],

  data () {
    return {
      lock: false,
      form:{

      },
      activeNames: ['1'],
      rules:{

      }
    }
  },
  methods:{
    doLoad(){

    },
    async doValidate(){
      return await this.$refs.d2Crud.doValidate()
    },
    getCrudOptions () {
      return crudOptions
    },
  }
}
</script>


